<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${facesContext.externalContext.requestContextPath}/resources/css/myfoodsage.css" rel="stylesheet" type="text/css"/>
        <ui:insert name="javascript"></ui:insert>
        <title>My FoodSage Portal</title>
    </h:head>

    <h:body style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/MyFoodSageBackground.jpg)" >
        <div class="container" >
            <div class="content_wrapper_unauthenticated" style="background-image:url(#{facesContext.externalContext.requestContextPath}/images/MyFoodSageForeground.jpg)"  >
                <div class="wrapper_main_content" >
                    <h:form id="touristForm" >
                        <div class="top_links">
                            <p:commandLink id="touristLogin" actionListener="#{pageRedirectorBean.goTouristLoginPage}" value="#{bundle['login.touristLogin.title']}" ajax="false" immediate="true" />&nbsp;
                            <p:commandLink id="touristSignUp" actionListener="#{pageRedirectorBean.goTouristRegisterPage}" value="#{bundle['touristAccount.register.button']}" immediate="true" />
                        </div>

                        <div class="pre_header">
                            <ui:insert name="localization"></ui:insert>
                            <h:selectOneMenu id="selectedLocale" value="#{indexManagedBean.selectedLocale}" >
                                <f:selectItems value="#{enumSelectedLocale.listItems}" />

                                <p:ajax update="form" 
                                        listener="#{indexManagedBean.selectedLocaleValueChangeListener}" />
                            </h:selectOneMenu>
                        </div>

                        <div class="header" >
                            <img src="#{facesContext.externalContext.requestContextPath}/images/MyFoodSageBanner.png" alt="Stakeholder Banner"/>
                        </div>

                        <div class="menu">
                            <ui:insert name="main_menu"></ui:insert>
                        </div>

                        <br style="clear:left"/><!-- used to clear the float on the main menu before displaying other divs which are supposed to be on next line -->

                        <div class="nav" >
                            <ui:insert name="side_menu"></ui:insert>      
                        </div>


                        <div class="content_unauthenticated" >
                            <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>  

                            <p:dialog modal="true" widgetVar="statusDialog" header="Status"   
                                      draggable="false" closable="false">  
                                <p:graphicImage value="/images/ajaxloadingbar.gif" />  
                            </p:dialog>

                            <ui:insert name="content"></ui:insert>
                        </div>
                    </h:form>
                </div>
            </div>

            <div class="footer">
                &copy;2011 TCube Administrator Website. Property of TCube Ventures Private Limited
            </div>
        </div>
    </h:body>

</html>